﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>违规违纪管理</title>
<link href="../../../static/css/layout.css" rel="stylesheet" type="text/css" />
<link href="../../../static/css/cb.css" rel="stylesheet" type="text/css" />
<link href="../../../static/css/n.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css"
	href="../../../static/easyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="../../../static/easyui/themes/icon.css" />
<link rel="stylesheet" type="text/css" href="../../../static/easyui/demo/demo.css" />
<script type="text/javascript" src="../../../static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="../../../static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../../static/js/vue/vue.min.js"></script>
<script type="text/javascript" src="../../../static/js/laypage/laypage.js"></script>
</head>
<body>
	<table width="99%" border="0" align="center" cellpadding="0"
		cellspacing="0">
		<tr>
			<td width="1%" align="left" background="../../../static/images/b2.jpg"><img
				src="../../../static/images/b1.jpg" width="10" height="26" /></td>
			<td width="68%" background="../../../static/images/b2.jpg"><table width="124"
					border="0" align="left" cellpadding="0" cellspacing="0">
					<tr>
						<td width="20" align="left"><img src="../../../static/images/tz.gif"
							width="10" height="16" /></td>
						<td width="104" align="left" class="biao">查找用户信息</td>
					</tr>
				</table></td>
			<td width="31%" align="right" background="../../../static/images/b2.jpg"><img
				src="../../../static/images/b3.jpg" width="9" height="26" /></td>
		</tr>
	</table>
	<table width="99%" border="0" align="center" cellpadding="3"
		cellspacing="1" bgcolor="#AEDEF4">
		<tr>
			<td align="center" bgcolor="#E2F7FE">
				<form id="form1" name="form1">
					<table width="80%" border="0" cellspacing="1" cellpadding="3">
						<tr>
							<td width="10%" align="right">姓名:</td>
							<td width="10%" align="left">
								<input name="username" type="text" id="username" size="15" />
							</td>
							<td width="10%" align="right">所属单位:</td>
							<td width="10%" align="left">
								<input name="dept" type="text" id="dept" size="15" />
							</td>
							<td width="10%" align="right">用户状态:</td>
							<td width="10%" align="left">
								<select name="status" id="status">
								<option value="">-请选择-</option>
								<option value="1">启用</option>
								<option value="0">禁用</option>
								</select>
							</td>
							<td width="10%" align="left">
								<input type="button" name="query" value="查找" onclick="queryEvent()"/>
							</td>
							<td width="10%" colspan="2" align="right">
								<input type="button" onclick="addEvent()" name="" value="增加记录" />
								<input type="button" name="" value="导出Excle" />
							</td>
						</tr>
					</table>
				</form>
			</td>
		</tr>
	</table>
	
	<table width="50%" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td height="5"></td>
		</tr>
	</table>
	<table width="99%" border="0" align="center" cellpadding="0"
		cellspacing="0">
		<tr>
			<td width="1%" align="left" background="../../../static/images/b2.jpg"><img
				src="../../../static/images/b1.jpg" width="10" height="26" /></td>
			<td width="68%" background="../../../static/images/b2.jpg"><table width="124"
					border="0" align="left" cellpadding="0" cellspacing="0">
					<tr>
						<td width="20" align="left"><img src="../../../static/images/tz.gif"
							width="10" height="16" /></td>
						<td width="104" align="left" class="biao">用户信息列表</td>
					</tr>
				</table></td>
			<td width="31%" align="right" background="../../../static/images/b2.jpg"><img
				src="../../../static/images/b3.jpg" width="9" height="26" /></td>
		</tr>
	</table>
	<table width="99%" border="0" align="center" cellpadding="3"
		cellspacing="1" bgcolor="#AEDEF4" style="border: 1px solid #AEDEF4" id="app">
		<tr>
			<td width="5%" height="25" align="center" bgcolor="#EFFBFE">序号</td>
			<td align="center" bgcolor="#EFFBFE">用户名</td>
			<td align="center" bgcolor="#EFFBFE">姓名</td>
			<td align="center" bgcolor="#EFFBFE">所属单位</td>
            <td align="center" bgcolor="#EFFBFE">用户角色</td>
			<td align="center" bgcolor="#EFFBFE">状态</td>
			<td align="center" bgcolor="#EFFBFE">操作类型</td>
		</tr>
		<tr onmouseout="this.style.backgroundColor='#ffffff'"
			bgcolor="#ffffff" onmouseover="this.style.backgroundColor='#E6F2FF'" v-for="(user,index) in result">

			<td height="25" align="center"><input name="id[]" value=""
				type="checkbox" />{{index+1}}</td>
			<td align="center" class="t5"><div align="center">
					<strong>{{user.username}}</strong>
				</div></td>
			<td align="center">{{user.realname}}</td>
			<td align="center">{{user.deptname}}</td>
            <td align="center">{{user.roleName}}</td>
			<td align="center" v-if="user.status==1">启用</td>
			<td align="center" v-else>禁用</td>
			<td align="left">
				<div align="left" style="padding-left: 5px">
					<div align="center">
						<input type="button" @click="checkEvent(user.id)" value="查看" />
						<input type="button" @click="editEvent(user.id)" name="" value="修改" />
						<input type="button" @click="editPWDEvent(user.id)" name="" value="修改密码" />
						<input type="button" @click="delEvent(user.id)" name="" value="删除" />
					</div>
				</div>
			</td>
		</tr>

		<tr>
			<td colspan="7" align="center">
				<div id="pagenav"></div>
			</td>
		</tr>
	</table>
		<!-- 增加用户弹出框 -->
		<div id="dlg"></div>
		<!-- 修改用户弹出框 -->
		<div id="dlg1"></div>
		<!-- 查看用户弹出框 -->
		<div id="dlg2"></div>
</body>
<script type="text/javascript">
//vuejs
var app = new Vue({
	el : '#app',
	data : {
		result : []
	}
});

//查询用户数据
var getPageList = function(curr) {
	var jsonObject={
			pageNum:curr || 1,
			pageSize:10,
			username:$('#username').val(),
			dept:$('#dept').val(),
			status:$('#status').val()
		};
	$.ajax({
		type : "post",
		dataType : "json",
		url : "/sysuser/search",
		data : jsonObject,
		success : function(msg) {
			app.result = msg.data[0].list;
			laypage({
				cont : 'pagenav', //容器。值支持id名、原生dom对象，jquery对象,
				pages :msg.data[0].pages, //总页数
				first : "首页",
				last : "尾页",
				skip : true, //是否开启跳页
				skin : '#5675A2',
				curr : curr || 1, //当前页
				jump : function(obj, first) { //触发分页后的回调
					if (!first) { //点击跳页触发函数自身，并传递当前页：obj.curr
						getPageList(obj.curr);
					}
				}
			});
		}
	});
}

//页面加载，查询分页
getPageList();

//模糊查询用户事件
var queryEvent=function(){
	getPageList();
}
//增加用户事件
var addEvent=function(){
	$('#dlg').dialog({
		type : 2,
		title : '用户管理-增加',
		width : 520,
		height : 400,
		closed : false,
		cache : false,
		href : '/sysuser/toAdd',
		modal : true,
		buttons : [ {
			text : '保存',
			iconCls : 'icon-ok',
			handler : function() {
				$.ajax({
					type : "POST",
					dataType : "json",
					url : "/sysuser/doAdd",
					data : {
						username : $("#username_add").val(),
						realname : $("#realname_add").val(),
						password : $("#password_add").val(),
						jid: $("#dept_add").val(),
						position : $("#position_add").val(),
						roleid : $("#role_add").val(),
						status:$("#status_add").val()
					},
					success : function(result) {
						$.messager.alert({
							title : '消息',
							msg : '保存成功!',
							icon : 'info'
						});
						getPageList();
						$('#dlg').dialog('close');
					}
				});
			}
		}, {
			text : '关闭',
			handler : function() {
				$('#dlg').dialog('close');
			}
		} ]
	});
}

//修改用户
var editEvent = function(id) {
	$('#dlg1').dialog({
		type : 2,
		title : '用户管理-修改',
		width : 520,
		height : 400,
		closed : false,
		cache : false,
		href : '/sysuser/toEdit?id='+id,
		modal : true,
		buttons : [ {
			text : '保存',
			iconCls : 'icon-ok',
			handler : function() {
				$.ajax({
					type : "POST",
					dataType : "json",
					url : "/sysuser/doEdit",
					data : {
						"id":$("#user_id").val(),
						"salt":$("#user_salt").val(),
						"userid":$("#user_id").val(),
						"username" : $("#username_edit").val(),
						"realname" : $("#realname_edit").val(),
						"jid": $("#dept_edit").val(),
						"position" : $("#position_edit").val(),
						"roleid" : $("#role_edit").val(),
						"status":$("#status_edit").val()
					},
					success : function(result) {
						$.messager.alert({
							title : '消息',
							msg : '修改成功!',
							icon : 'info'
						});
						getPageList();
						$('#dlg1').dialog('close');
					}
				});
			}
		}, {
			text : '关闭',
			handler : function() {
				$('#dlg1').dialog('close');
			}
		} ]
	});
}

//修改用户密码
var editPWDEvent = function(id) {
$.messager.prompt("修改密码", "请输入新的密码？", function (data) {
	if (data) {
		$.ajax({
			type : "POST",
			dataType : "json",
			url : "/sysuser/doEditPwd",
			data : {
				"id":id,
				"password":data
			},
			success : function(result) {
				$.messager.alert({
					title : '消息',
					msg : '修改成功!',
					icon : 'info'
				});
			}
		});
	   }
	});
}
//查看违规违纪记录详情
var checkEvent= function(id) {
	$('#dlg2').dialog({
		type : 2,
		title : '用户管理-查看',
		width : 520,
		height : 400,
		closed : false,
		cache : false,
		href : '/sysuser/detail?id='+id,
		modal : true
	});
}

//删除违规违纪记录
	var delEvent = function(id) {	
		$.messager.confirm('提示框', '你确定要删除吗?',function(res){
			if(res){
				//确认删除
				$.ajax({
					url:"/sysuser/doDel",
					data:{"id":id},
					type:"get",
					datatype:"json",
					success:function(result){
						if(result.code==0){
							$.messager.alert({
								title : '消息',
								msg : '删除成功!',
								icon : 'info'
							});
							getPageList();//更新分页
						}else{
							$.messager.alert({
								title : '消息',
								msg : '删除失败!',
								icon : 'info'
							});
						}
					}
				});
			}else{
				//取消删除
			}
		});
	}
	
</script>
</html>